<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			video {
				width: 1200px;
				/* height: 100px; */
			}
		</style>
	</head>
	<body>
		<h2>html5新增了一些语义化的标签</h2>
		<ul>
			<li>header 头部标签</li>
			<li>nav 导航标签</li>
			<li>article 内容标签</li>
			<li>section 定义文档某个区域</li>
			<li>aside 侧边栏标签</li>
			<li>footer 尾部标签</li>
		</ul>
		<h2>这些都是双标签，一个页面中可以多次使用，都是块级元素，类似于div盒子，只是带有语义，实际开发中建议使用</h2>
		<h2>注意ie9中需要把这些标签转换为块级元素</h2>
		<h1>html5新增视频标签</h1>
		<h2>video标签</h2>
		<ul>
			<li>是一个双标签</li>
			<li>最好用mp4格式，不存在兼容问题</li>
			
		</ul>
		<video src="../shipin/mi.mp4"  autoplay='autoplay' muted="muted"  loop="loop"></video>
		<br>			
		video里面的属性值    可以当做一个盒子设置宽高
		<ul>
			<li>autoplay 自动播放</li>
			<li>controls 显示播放控件</li>
			<li>muted 静音播放</li>
			<li>loop 是否循环</li>
			<li>preload 预先加载 如果autoplay可以忽略</li>
			<li>poster 加载时显示的图片</li>
		</ul>
		 <!-- 控件在各个浏览器是不一样 -->
		<!-- 火狐低版本不支持mp4需要兼容性处理 -->
		<!-- 兼容行的处理写法 -->
		<!-- <video width="320" height="240" src="">
			<source src='movie.mp4'  type ='video/mp4'>
			<source src='movie.ogg'  type ='video/ogg'>
		</video> -->
	</body>
</html> 